<nz-drawer
  [nzBodyStyle]="{ overflow: 'auto' }"
  [nzClosable]="true"
  [nzVisible]="visible"
  [nzMaskClosable]="false"
  nzPlacement="right"
  nzTitle="添加新列"
  [nzWidth]="500"
  (nzOnClose)="close()"
>
  <ng-container *nzDrawerContent>
    <nz-collapse nzGhost>
      <nz-collapse-panel nzHeader="删除单个数据" [nzActive]="true">
        <p>要删除的行号</p>
        <input nz-input placeholder="请输入行号" nzSize="default" [(ngModel)]="one"/>
        <button nz-button nzType="primary" (click)="onDeleteOne()">确认</button>
      </nz-collapse-panel>
    </nz-collapse>
    <hr />
    <nz-collapse nzGhost>
      <nz-collapse-panel nzHeader="删除单个数据" [nzActive]="true">
        <p>要删除的范围</p>
        <input nz-input placeholder="请输入开始行号" nzSize="default" [(ngModel)]="range.first"/>
        <input nz-input placeholder="请输入结束行号" nzSize="default" [(ngModel)]="range.second"/>
        <button nz-button nzType="primary" (click)="onDeleteRange()">确认</button>
      </nz-collapse-panel>
    </nz-collapse>
  </ng-container>
</nz-drawer>
